* {
    box-sizing: border-box;
    font-family: Verdana, sans-serif;
  }
  
  body {
    margin: 0;
    background: #ffffff;
  }
  
  header {
    background: #dcdcdc;
    padding: 10px;
  }
  
  nav {
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
  }
  
  nav button {
    background: #b0c4de;
    border: 1px solid #888;
    padding: 5px 10px;
    cursor: pointer;
  }
  
  .encabezado {
    text-align: center;
    padding: 20px;
    background-color: #f9f9f9;
  }
  
  .contenedor-imagen {
    background: #c0c0c0;
    margin: 10px auto;
    max-width: 600px;
    padding: 10px;
  }
  
  .imagen-principal {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  
  .seccion-media {
    display: flex;
    padding: 20px;
    gap: 20px;
  }
  
  .cita-fan {
    flex: 1;
    background: #f0e68c;
    padding: 10px;
    font-style: italic;
    border: 1px solid #ccc;
  }
  
  .reproductor-video {
    flex: 1;
    background: #d3d3d3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 1px solid #aaa;
  }
  
  .paneles-laterales {
    flex: 1;
  }
  
  .panel {
    background: #ffffff;
    border: 1px solid #888;
    margin-bottom: 10px;
    padding: 10px;
  }
  
  footer {
    background: #d3d3d3;
    text-align: center;
    padding: 10px;
  }
  
  footer a {
    color: #000;
    text-decoration: none;
    margin: 0 5px;
  }
  
  .boton-canciones {
    text-decoration: none;
    background-color: #2fee09;
    border: 2px solid rebeccapurple;
    color: #000;
    font-size: 25px;
    padding: 5px 10px;
    display: inline-block;
  }